<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>		
		<title>Cadastra Usuário</title>
		<script type="text/javascript">
		$(document).ready(function(){

			$("#idForm").submit(function(){
				var login = $("#idLogin").val();
				var nome  = $("#idNome").val();
				var email = $("#idEmail").val();
				var senha = $("#idSenha").val();
				
				function IsValidEmail(email){
					var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
					return filter.test(email);
				}
				
 				if(!(login=="", nome=="", email=="", senha=="")){
 					$("p").hide();
 					if(!confirm("Confirma cadastro do Usuário: "+login+"?")){
      					$("#loading").hide();
						$(".loadingImage").CenterIt();
						$(".loadingImage").hide();	
      					return false;
   					}else{
   						return true;
   				}}

				if(login==""){
					$("p").hide();
					$("#idLogin").after("<p style='color:red;'>Login é obrigatório.</p>");
					$("#loading").hide();
					$(".loadingImage").CenterIt();
					$(".loadingImage").hide();
					return false;
				}else{
					$("p").hide();
				}
				
				if(nome==""){
					$("p").hide();
					$("#idNome").after("<p style='color:red;'>Nome é obrigatório.</p>");
					$("#loading").hide();
					$(".loadingImage").CenterIt();
					$(".loadingImage").hide();
					return false;
				}else{
					$("p").hide();
				}
				
				if(email==""){
					$("p").hide();
					$("#idEmail").after("<p style='color:red;'>Email é obrigatório.</p>");
					$("#loading").hide();
					$(".loadingImage").CenterIt();
					$(".loadingImage").hide();	
					return false;
				}else{
					// Valida a mascara do email...
					if(IsValidEmail(email)==false){
						$("p").hide();
						$("#idEmail").after("<p style='color:red;'>Email incorreto!</p>");
						$("#loading").hide();
						$(".loadingImage").CenterIt();
						$(".loadingImage").hide();	
						return false;
					}else{
						$("p").hide();
					}
				}
				
				if(senha==""){
					$("p").hide();
					$("#idSenha").after("<p style='color:red;'>Senha é obrigatório.</p>");
					$("#loading").hide();
					$(".loadingImage").CenterIt();
					$(".loadingImage").hide();	
					return false;
				}else{
					$("p").hide();
				}
			});
		});
		</script>
	</head>
	<body>
		<s:form action="criar-usuario"  namespace="/" method="POST" id="idForm">
			<s:hidden 	 name="novoUsuario.id"></s:hidden>
			<s:textfield label="login"  	name="novoUsuario.login" id="idLogin" required="true"/>
			<s:textfield label="nome"   	name="novoUsuario.nmusuario" id="idNome"required="true"/>
			<s:textfield label="e-mail" 	name="novoUsuario.email" 	id="idEmail"required="true"/>
			<s:password  label="senha"   	name="novoUsuario.senha" id="idSenha"required="true"/>
			<s:checkbox  label="Admin"   	name="novoUsuario.indadministrador" cssClass="checkbx" labelposition="left" ></s:checkbox>
			<input       value="Cadastrar" 	type="submit" class="confirm, botao">
			<input 		 type="button" 		onclick="window.history.go(-1)" value="Cancelar" class="botao"/>
		</s:form>
	</body>
</html>
